<template>
    <div>
        <h1>测试跳转的vue</h1>
        <div v-if="user">
            <p>昵称: {{ user.nickname }}</p>
            <p>登陆名: {{ user.loginName }}</p>
            <p>分数: {{ user.score }}</p>
        </div>
        <div v-else>
            <p>未登录</p>
        </div>
    </div>
</template>

<script>
import { reactive, toRefs, onMounted } from "vue";
import { getSessionStorage } from "@/common"; // 导入 getSessionStorage 函数

export default {
    setup() {
        const state = reactive({
            user: null
        });

        onMounted(() => {
            // 使用 getSessionStorage 获取用户信息
            const userData = getSessionStorage('user');
            if (userData) {
                state.user = userData;
            }
        });

        return {
            ...toRefs(state)
        }
    }
}
</script>
